<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>闪电配音-专业极速配音服务</title>
<link rel="shortcut icon" href="../head_for/img/heard.ico">
<link rel="stylesheet" type="text/css" href="css/css.css?v=optimize20180613" />
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
<meta content="yes" name="apple-mobile-web-app-capable" />
<meta content="black" name="apple-mobile-web-app-status-bar-style" />
<meta name="format-detection" content="telephone=no" />
<meta name="format-detection" content="email=no" />
<meta name="msapplication-tap-highlight" content="no">
</head>
<body>
<div id="dtop" style="position:fixed; top:0; height:4.8rem;width:100%;background: black;z-index:999;display: none;">
	<img src="images/pic/x2.png" style="width:4rem;display: block;float:left;margin:1.4rem 0 0 1.5rem">
	<div id="btnts" style="width:5rem;height:100%;float:right;">
		<img id="btnt" src="images/pic/x1.png" style="width:1.8rem;display: block;margin:1.5rem 0 0 1.5rem;">
	</div>
	<div id="tc" style="background: black;width:100%;z-index: 9999;font-size:22px;display: none;">
		<div style="height:300px;line-height:60px;padding-top:60px;text-align: center;">
			<a href="function.html" style="color: #ffffff;"><p><b>功能介绍</b></p></a>
			<a href="http://case.soundems.com" style="color: #ffffff;"><p><b>配音案例</b></p></a>
			<a href="price.html" style="color: #ffffff;"><p><b>价格套餐</b></p></a>
			<a style="color: #ffffff;" id="lxwm"><p><b>联系我们</b></p></a>
		</div>
	</div>
</div>

<div>
<!-- header -->
<!--end header-->
<!-- 中间 -->
<!-- 一行 -->
<div class="index1 ac">
	<div class="pic"><img src="images/pic/index1.png"/></div>
	<h2>212,399,231文字已实现音频化</h2>
	<audio id="audio" src="http://audio.heardtech.com/01.m3u8" onended="removeclass()"></audio>
	<i class="play" onclick="playMusic()"></i>
	<a href="http://h5.soundems.com" class="btn2 balck_btn">点击立即体验闪配</a>
</div>
<!-- end 一行 -->
<!-- 一行 -->
<div class="index2 ac">
	<div class="pic"><img src="images/pic/index2.png"/></div>
</div>

<!-- end 一行 -->
<!-- 一行 -->
<div class="index3 ac">
	<div class="pic"><img src="images/pic/index3.png"/></div>
	<a href="function.html" class="btn balck_btn">查看更多功能介绍</a>
</div>
<!-- end 一行 -->
<!-- 一行 -->
<div class="index4 ac">
	<div class="pic"><img src="images/pic/index4.png"/></div>
	<a href="http://case.soundems.com" class="btn">查看客户配音案例</a>
</div>
<!-- end 一行 -->
<!-- 一行 -->
<div class="index5 ac">
	<div class="pic"><img src="images/pic/index5.png"/></div>
</div>
<!-- end 一行 -->
<!-- 一行 -->
<div class="index6 ac">
	<div class="pic"><img src="images/pic/index6.png"/></div>
	<div style="margin-bottom: 50px;margin-top: 30px;">
		<button class="btnp r1" id="w1">音频线上 / 线下分发</button>
		<button class="btnp r2" id="w2">音频贴片广告服务</button>
		<button class="btnp r2" id="w3">音频版权保护服务</button>
	</div>
</div>
<!-- end 一行 -->
<!-- 一行 -->
<div class="index7 ac" style="margin-bottom: 30px;">
	<div class="pic"><img src="images/pic/index7.png"/></div>
	<a href="price.html" class="btn red_btn">查看配音价格|套餐</a>
</div>
<a href="http://www.soundems.com">
	<img src="images/pic/f2.png" id="dbottom" style="position: fixed;bottom:0;width:100%;display: none;">
</a>
<!-- end 一行 -->
<!--end 中间-->
<!-- 底部 -->
<!--end 底部-->
<script type="text/javascript" src="js/jquery-1.11.0.js?v=optimize20180613" /></script>
<script src='http://res.wx.qq.com/open/js/jweixin-1.2.0.js?v=optimize20180613' /></script>
<script>
	$(".play").click(function(){
		$(this).toggleClass("on");
	});
	function removeclass(){
		$(".play").removeClass("on");
	}
	function playMusic() {
        var player = $("#audio")[0]; /*jquery对象转换成js对象*/
        if (player.paused){ /*如果已经暂停*/
            player.play(); /*播放*/
        }else {
            player.pause();/*暂停*/
        }
    }
    // js动态监听滚动条
     window.onscroll=function(){
            var t =document.documentElement.scrollTop||document.body.scrollTop;
            var headerTop =document.getElementById("header-top");
            if( t >=490) {
            	$("#dtop").show();
            	$("#dbottom").show();
            }else{
        		$("#dtop").hide();
            	$("#dbottom").hide();
            }
        }
     // 点击弹出
     $("#btnts").click(function(){
     	var curWwwPath = window.document.location.href;
     	var pathName = window.document.location.pathname;
        var pos = curWwwPath.indexOf(pathName);
        var localhostPaht = curWwwPath.substring(0, pos);
        // if ($("#btnt")[0].src == "http://www.demo.com/images/pic/x1.png"){
     	if($("#btnt")[0].src == localhostPaht+"/wap/images/pic/x1.png"){
 			$("#tc").css("height",$(document).height());
	 		$("#tc").show();
 			document.body.style.overflow = 'hidden';
			window.addEventListener('touchmove', _preventDefault);
 			$("#btnt").attr("src","images/pic/x3.png")
     	}else{
     		$("#tc").css("height",$(document).height());
     		$("#tc").hide();
    	 	$("body").css("overflow","show");
    	 	document.body.style.overflow = 'auto';
			window.removeEventListener('touchmove', _preventDefault);
	     	$("#btnt").attr("src","images/pic/x1.png")
     	}
     })
     function _preventDefault(e) { e.preventDefault(); }

     // 点击变换文字
     $(".btnp").click(function(){
     	var html = $("#"+this.id).html();
     	var id = this.id;
     	$("#"+id).html("请使用电脑端访问查询详情");
 	    var timeout=setTimeout(function () {
        	$("#"+id).html(html);
    	}, 2000);
     })
</script>

<script type="text/javascript">
url2 = window.location.href.split('#')[0];
url = encodeURIComponent(url2);
$.ajax({
    url:"http://media.soundems.com/Get/wxShare",
    dataType:"json",
    data:{"url":url},
    type:"GET",
    success:function(data){
      console.log(data)
      // 微信分享
      wx.config({
            debug: false, // 是否开启调试模式
            appId: data.data.appId, // 必填，微信号AppID
            timestamp: data.data.timestamp, // 必填，生成签名的时间戳
            nonceStr: data.data.nonceStr, // 必填，生成签名的随机串
            signature: data.data.signature,// 必填，签名，见附录1
            jsApiList: ['onMenuShareTimeline', //分享到朋友圈
            'onMenuShareAppMessage' //分享给朋友
            ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
        });
        wx.ready(function(){
            var options = {
                title: "闪电配音-专业极速配音服务", // 分享标题
                link: url2, // 分享链接，记得使用绝对路径，不能用document.URL
                imgUrl: 'http://www.soundems.com/wap/logo.png', // 分享图标，记得使用绝对路径
                desc: '“滴滴”主播，立等可取，你的文字内容音频化专家。', // 分享描述
                success: function () {
                },
                cancel: function () {
                }
            }
            wx.onMenuShareTimeline(options); // 分享到朋友圈
            wx.onMenuShareAppMessage(options); // 分享给朋友
        });
    },
});

$("#lxwm").click(function(){
    $("#lxwm").html("商务/合作/联系微信:soundemsvip");
    var timeout=setTimeout(function () {
        $("#lxwm").html("联系我们");
    }, 2000);
})
</script>
</body>
</html>
